 
.editor_view{ height: 100%;}
.e_title{ padding-top: 15px;}
.e_center{ height: 35px; line-height: 35px; text-align: center; font-size: 14px; text-align: center;}
.e_center .weui-icon-info{color: #333; font-size: 14px;}

.e_main{ padding:12px ; height: calc(100% - 255px); overflow: hidden;}

.pageview,.layoutmain,.previewpage{height: 87px; padding: 12px;}
.pagemain,.pagemain li{ height: 100%;}

.pagemain,.layoutlist,.previewlist_box{
	display: -webkit-flex;  /* 新版本语法: Chrome 21+ */
    display: flex;          /* 新版本语法: Opera 12.1, Firefox 22+ */
    display: -webkit-box;   /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box;      /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox;   /* 混合版本语法: IE 10 */  
    flex-flow:row nowrap;
     justify-content:flex-start;
    align-items: center;
    height: 79px;
}
..previewlist .previewlist_box{height: 85px;}

.pagemain .p_canvas_box,.layoutlist .layout_box ,.pagemain .editor_control_list,.previewlist_box .preview_page{            
    -webkit-flex: auto;        /* Chrome */  
    -ms-flex: auto           /* IE 10 */  
    flex: auto;                /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-box-flex:auto     /* OLD - iOS 6-, Safari 3.1-6 */  
    -moz-box-flex: auto;       /* OLD - Firefox 19- */   
     flex-grow:0;
     flex-shrink:0;
      align-self:auto ;    
      margin: 0 8px;
      padding: 0;
      border: 1px solid #ccc;
      overflow: hidden;
}

.preview_bigview .large_page_view{  border: 1px solid #ccc;}           
.pagemain .p_canvas_box >div img{ width: 100%; vertical-align: middle; margin: 0 auto;}
.editor_control_list img {vertical-align: middle;}
.editor_control_list,.preview_page{overflow: hidden;}
.editor_control_list.editoring{ border: 2px solid #68b6a7;}

.preview_page  .preview_element{height: 100%; display: inline-block;  overflow: hidden; border: 1px solid #d8d8d8;}			
  
.preview_page .preview_element img{height: 100%; vertical-align: middle;}

.e_p__btn{ height: 45px; background: #000; }
.layout_change,.gotoedit{text-align: center; color: #ddd; float: left; width: calc(100% - 135px);}
.layout_change b,.gotoedit b{display: block; height: 24px;}
.page_save{ float: right; width: 120px;line-height:39px;  margin-right: 15px;  margin-top:5px; z-index: 15; height: 35px; background: #68b6a7; border-radius: 3px; text-align: center; font-size: 13px; color: #fff;}
.editorbox,.editor_view{ height: 100%; overflow: hidden; position: relative;}
.p_canvas_box,.layout_box,.editor_control_list{ position: relative; margin: 0 auto;}


.layoutcon{ z-index: 15;}
.layoutbox{height: 100%;}
/*.layoutbox{background: #ededed;}*/
.layoutmain{background: #fff;}
.layouttitle,.text_tabbar,.up_page_info_title{ height: 45px; background: #fff; color: #469da7;margin-top: 30px; line-height: 45px; padding:0 12px;}
.l_title,.u_title{text-align: left; }
.layouttitle a,.u_oper{float: right; }

.layoutmask{ height: calc(100% - 246px); margin-top: 65px;}
.u_title,.text_title{float: left; }
.up_page_info_title .u_num{ color: #999;}
.u_oper a,.text__oper a{display: inline-block; font-size: 15px;}
.u_oper a.u_close,.text__oper a.text__close{color: #8a8a8a;}
.u_oper b,.text__oper b{ padding: 0 20px; color: #e0e0e1;}
.up_page_info,.text_view{margin: 0 auto; background: #fff; padding: 12px;
		overflow-y: auto;  
	 overflow-x: hidden;
	 -webkit-overflow-scrolling: touch;
	 max-height: 300px;
	     width: 100%;

}



.e_title .e_album_title,.text_tabbar{ height: 35px; line-height: 35px; text-align: left; font-size: 14px; padding: 0 12px;}
.e_album_title span{color: #000;}
.e_album_title b{color: #666;}

.editor_oper_view{ height: 100%; overflow: hidden; z-index: 15; position: relative; width: 100%;}
.e_oper_btn{text-align:right;　width: 100%;}
	
.e_oper_btn a,.text_btn a{ display: inline-block;color: #fff; width: 120px;line-height:39px;  margin-right: 15px;  margin-top:5px;  height: 35px; border-radius: 3px; text-align: center; font-size: 13px; }
.canace_change{background: #999999; }
.comfirm_change{ background: #68b6a7;}
.editor_bar{padding: 12px;  height: 45px;}
.btn_mini{display:inline-block; border: 1px solid #666; border-radius: 5px; padding: 5px 15px; text-align: center;  color: #333; margin: 0 8px;}
.editor_bar { text-align: center;}
.editor_oper_view .e_bg{ height: calc(100% - 35px);}

.previewbox{height: 100%; overflow: hidden;}
.preview_view{margin: 30px 12px; height: calc(100% - 245px); }
.gotoedit i{padding-top: 8px;}

.submitalbumbox{padding:12px; width: 80%; margin: 0 auto;}
.submit_type{ padding: 12px;}
.order_no{ padding: 12px 0px;}
.orderinput,.orderNumber{color: #666; width: 100%;  border-radius: 3px; outline:none; border: 1px solid #ccc; padding: 10px 0; text-align: center;}

.submit_btn{ padding: 30px 0;}
.submit_btn a{width: 100%; border-radius: 3px; height: 35px; display: block; color: #fff; text-align: center; margin: 15px auto; line-height: 35px;}
.back_submit{background: #999999;}
.comfirm_submit{background: #bb6067; }
.a_type{color: #ee5d51; font-size: 12px;}
.order_tips{ color: #ee5d51; margin-top: 45px;}



.editorcanvasbox{ position: relative; width:100%; height: 100%;}
.editorcanvasbox canvas{/* position: absolute;*/ left: 0px; top: 0px; bottom: 0; right: 0; user-select: none; margin: 0 auto;}

.addpicbtn{ background-color: rgba(0,0,0,.2); width:100% ; display: block; text-align: center; padding: 13% 0;}
.addpicbtn a{ background: #bb6067; height: 55px; width: 55px; border-radius: 100%; line-height: 55px; color: #fff; margin: 0 auto;  text-align: center; letter-spacing: 1px;  display: block;}
#originalcanvas{border: 1px solid #ccc;}
.up_page,.layoutcon,.editor_textview{z-index: 15; background: rgba(0,0,0,.5);}
.editorcon,.editor_oper_con,.previewcon{z-index: 0;}
.up_page .up_pagecontain,.layoutcon .layoutbox,.editor_textview .text_contain{position: fixed; bottom: -100%; right: 0; left: 0;}

.upload_img.active_border,.p_canvas_box.editoring,.preview_element.focus{ border: 2px solid #469da7;}

.out_layout_change{color: #777;}
.text_input{	
	width: calc(100% - 24px);
    display: block;
    font-size: 12px;
    border: none;
    resize: none;
    background: #fff;
    word-wrap: break-word;
    word-break: break-all;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    height: 76px;
    padding: 11px 0px;
    line-height: 18px;
    outline: none;
	}

.currentpage{height: 25px;}


._submitbuy{
	height: 35px;
    padding: 12px;
    width: 64%;
    margin-left: 15%; 
}

._submitbuy a {
    background: #ff6256;
    color: #fff;
    width: 100%;
    height: 35px;
    display: block;
    text-align: center;
    margin: 0 auto;
    line-height: 35px;
    border-radius: 3px;
}